<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>Online Bookmark Service</title>
		<link rel="shortcut icon" href = "images/favicon.ico"/>
		<link rel = "stylesheet" type = "text/css" href = "css/bmarks.css"/>
	</head>
	<body>
		<div id = "container">
			<div id = "header">
				<!-- logo thing -->
				<div id = "logo">
					<h1 class = "swap"><span>readsns</span></h1>
				</div>
				
				<div id = "main-nav">
					<!-- top menu -->
					<ul>
						<li class = 'cur'><a href = "#">bmarks</a></li>
						<li><a href = "#">weblog</a></li>
						<li><a href = "#">about</a></li>
						<li><a href = "#">contact</a></li>
					</ul>
				</div> <!-- closes main-nav div -->
			</div> <!-- closes header div -->
			
			<div id = "bmark"><a href = "/input">添加书签</a></div>
			
			<div id = "content">
				<ul class = "blist">
					{% for b in bmarks %}
					<li>
						<a href = "{{b.url}}" rel = "nofollow">{{b.title}}</a> <br/>
					</li>
					{% endfor %}
				</ul>
			</div>
			
			<div id = "nav-foot">
				{% if hasnext %}
				<a href="{{nexturl}}" rel = "nofollow">More >></a>
				{% endif %}
			</div>
			
		</div> <!-- closes container div -->
	</body>
	<script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
	<script type = "text/javascript" src = "js/bmarks.js"></script>
</html>